.my-layui.btn-add{margin-top: 0px;}
 .pro-list-top{margin-top: 5px !important;margin-left: 100px;}
 .pro-list-top .layui-form-label{width: 100px;}
 .pro-list-top .layui-input-block{margin-left: 125px;}
 .pro-list-top .layui-form-label{padding: 5px 10px;font-weight: bold;}
.pro-add-form .Record a{color: #FF0000;font-weight: bold;text-decoration: underline;}
.pro-add-form .Record{padding-left: 50px;}
 .pro-add-box .layui-input, .pro-add-box .layui-select,  .pro-add-box .layui-textarea{background: #f6f6f6;}
.searchBox{border: 1px #dedede solid;margin-top: 5px;padding:0 10px 20px;}
.searchBox ul li{height: 30px;line-height: 30px;border-bottom: 1px #dedede solid;color: #666;}
.searchBox ul li:nth-last-child(1){border: none;}
.searchBox h3{font-size: 13px;font-weight: bold;margin: 10px 0;}
.searchBox a.redBtn{color: #FF5722;display: inline-block;padding: 0px 10px;border-radius: 50px;border: 1px #FF5722 solid; }
.searchBox a.redBtn:hover{background: #FF5722;color: #fff;}
em{font-style: normal;}
.imgBox{display: flex;align-items: center;justify-content: center;border: 1px #dedede solid;width: 100%;height: 100%;}
.pro-add-form .jgsBox{padding:0 30px;height: 250px;}
.pro-add-form .layui-tab-title{padding: 10px;padding-bottom: 0;}
.pro-priceBox input{color: #FF0000;font-weight: bold;background: #f5f5f5;width: 100px;}
.pro-priceBox label{width: auto;}
.pro-priceBox .layui-input-block{margin-right: 20px;}
.kong-btn,.kong-btn2,.kong-btn3{cursor: pointer;color: #FF5722;border: 1px #FF5722 solid;border-radius: 30px;font-size: 12px;padding: 0 5px;vertical-align: middle;transition: all ease-in-out 0.3s;height: 20px;display: inline-block;line-height: 19px;margin: 1px 0;}
.kong-btn2{border: 1px #009F95 solid;color: #009F95;}
.kong-btn3{border: 1px #08c solid;color: #08c;}
.green-btn,.gray-btn{color: #fff;background: #009F95;border-radius: 30px;padding: 0 7px;vertical-align: m;height: 22px;display: inline-block;line-height: 22px;border: 1px #009F95 solid;transition: all ease-in-out 0.3s;}
.gray-btn{background: #e8e8e8; border: 1px #e8e8e8 solid;color: #666;cursor: not-allowed;}
.pro-record .layui-inline{width: 100%;}
.kong-btn:hover{background: #FF5722;color: #fff;}
.kong-btn2:hover{background: #009F95;color: #fff;}
.kong-btn3:hover{background: #08c;color: #fff;}
.green-btn:hover{color: #fff;background:#00ad9d;}
.pro-record label{width: 90px;}
.pro-record .layui-input-block{margin-left: 120px;}
.pro-record input[type="text"]{border: none;}
.pro-record input[type="text"]{border: none;}
.pro-record .layui-input-block textarea{width: 100%;background: #f5f5f5;}
.pro-priceBox{margin-bottom: 10px;}
.pro-comp-box{color: #333;margin-top: 30px;}
.green-tit{background: #83a7b5;color: #fff;display: inline-block;font-weight: normal;padding: 0px 5px;margin-left: -15px;border-radius: 0 30px 30px 0;margin-right: 10px;font-size: 14px;}
a{cursor: pointer;}
.pro-comp-box .comp-info{padding: 10px 0;}
.pro-comp-box .comp-info p{clear: both;zoom: 1;line-height: 28px;}
.pro-comp-box .comp-info p span{color: #666;width: 80px;display: inline-block;float: left;}
.pro-comp-box .comp-info p em{color: #000;float: left;width: calc(100% - 80px);}
.pro-comp-box .comp-info .lianxi-box{padding-left: 30px;}
.pro-comp-box .comp-info .lianxi-box h3{font-weight: bold;margin-bottom: 15px;}
.pro-comp-box .comp-info .lianxi-box .emailBox{border: 1px #ececec solid;background: #f9f9f9;margin-bottom: 15px;padding: 10px;}
.comp-href{color: #FF5722;text-decoration: underline;font-weight: bold;}
.comp-href:hover{color: #FF5722;}
.pro-comp-box .comp-info .lianxi-box .emailBox h5{color: #999;padding-bottom: 2px;    border-bottom: 1px #ececec solid;margin-bottom: 3px;}
.orangeBg{background: #FFF4E3;margin: -15px;padding: 15px;}
.orangeBg .emailBox{background: #fff !important;}
.more-comp-btn{text-align: center;padding: 15px 0;border-top: 1px #ececec solid;margin-top: 20px;}
.comp-add-form .comp-add-box label{width: 120px;height: 30px;}
.comp-add-form  label sup{font-size: 20px;color: #f00;margin-right: 5px;vertical-align: -3px;}
.comp-add-form .comp-add-box .layui-input-block{margin-left: 150px;}
.comp-detail-box .comp-top{margin-top: 5px;}
.comp-detail-box .comp-top input{background: #f6f6f6;}
.comp-detail-box .comp-top label{width: 90px;}
.comp-detail-box .comp-top .layui-input-block{margin-left: 120px;}
.comp-detail-box .comp-tab{margin-top: 20px;}
.comp-tab-info .btn-add{margin-bottom: 20px;}
.red{color: #FF0000;}
.file-add-box{padding: 20px 15px;}
.zsBox{width: 70px;padding: 3px;border: 1px #dedede solid;margin-top: 10px;margin-bottom: 10px;}
.zsBox img{max-width: 100%;max-height: 100%;}
.form-group-bottom {position: fixed;bottom: 0;left: 0;right: 0;background-color: #fff;padding: 10px 20px;box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);}
.comp-tab-info .emailBox h5{color: #999;padding-bottom: 5px;border-bottom: 1px #ececec solid;margin-bottom: 5px;position: relative;}
.comp-tab-info .emailBox{width: 70%;padding: 10px;border: 1px #ececec solid;background: #f9f9f9;margin: 10px 0;}
.comp-tab-info .contactMarkBox textarea{padding: 10px;}
.comp-tab-info .emailBox h5 a.kong-btn{position: absolute;top: -3px;right: 0;}
.comp-tab-info .emailBox span{margin-right: 30px;}
.comp-tab-info .emailBox span b{color: #444;font-weight: normal;}
.comp-tab-info .emailBox p{text-align: right;margin-top: 10px;margin-right: -30px;}
.adsHr{margin: 30px 0;}
.no-comp{padding: 15px;}
.no-comp h3{font-size: 14px;font-weight: bold;color: #333;}
#tableBarFP a{font-size: 13px;color: #009688;}
.layui-blue{color: #08c;font-size: 13px;}
.tableBarBus img{max-width: 20px;}
.my-layui button{float: left;}
.my-layui .layui-input-inline{margin-left: 10px;float: left;}
.offerLi{display: flex;}
.offerLi b{margin-right: 5px;}
.offerLi li{margin-right: 20px;}
.record-last .layui-input-block{width: 310px;}
.record-last .layui-inline{margin-bottom: 10px;}
.orange{color: #FF5722 !important;}
.green{color: #009688!important;}
.blue{color: #01AAED;}
.statisticBox table{border-top: 1px #e6e6e6 solid;border-left:1px #e6e6e6 solid ;}
.statisticBox table td{padding: 5px !important;background: #fff;}
.statisticBox table th{color: #333;padding: 5px !important;background: #f5fbfa;font-weight: bold;}
.statisticBox table{width: 200px;}
.statisticBox table .layui-blue{margin-left: 5px;}
.selectBox span{display: inline-block;width: 40px;line-height: 32px;text-align: center;}
.selectBox .layui-form-select{width: calc(100% - 40px);display: inline-block;float: right;}
.saleOrderBox .layui-input-inline{width: 110px !important;}
.greenTag{background-color: #009688;display: inline-block;padding:0px 2px;color: #fff;line-height: 20px;}
input[type='number']{display: block;width: 96%;padding-left: 10px;height: 30px;line-height: 1.3;line-height: 38px\9;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;border-color: #e6e6e6;}
.fr{float: right;}
.fl{float: left;}
.dw input{border-left: none;}
.statisticBox1 td{padding: 5px 8px;}
.statisticBox1 td:nth-child(2n+1){background: #f5fbfa;padding: 5px 8px;}
.statisticBox1 td:nth-child(2n){padding: 5px 8px;background: #fff;}
.statisticBox1 table{border-top: 1px #e6e6e6 solid;border-left: 1px #e6e6e6 solid;}
.chatMain{padding: 30px 20px;}
.chatMain .chatBox dt{width:40px;height: 40px;border: 1px #dedede solid;float: left;margin-top: -5px;}
.chatMain .chatBox dt img{width: 100%;}
.chatMain .chatBox{margin-bottom: 20px;}
.chatMain .chatBox .txt h3{font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.chatMain .chatBox .txt time{font-weight: normal;color: #888;float: right;}
.chatMain .chatBox dd{padding-left: 20px;float: left;width: calc(100% - 80px);}
.chatMain .chatBox.buyerBox h3{color: #06c;}
.chatMain .chatBox p{ line-height: 20px;margin-top: 10px;padding: 5px ;}
.chatMain .chatBox.buyerBox p{   border: 1px solid #c5e4ab;background: #f5fbf1;}
.chatMain .chatBox.ourBox p{background: #f7f7f7;border: 1px solid #dedede;}
.clearfix{*zoom:1;}
.clearfix:before{content: ''; display: block;clear: both;}
.clearfix:after{ content: ''; display: block;clear: both;}
.chatMain form{margin-top: 50px;}
.chatMain form button{margin-top: 10px;float: right;}
.fileBox{margin-top: 20px;position: relative;padding-bottom: 30px;float: left;margin-right: 20px;min-width: 270px;cursor: pointer;}
.fileBox .imgBox{width: 40px;height: 40px;float: left;}
.fileBox span{min-width: 140px;display: inline-block;max-width: 200px;max-height: 40px;overflow:hidden;line-height: 18px;text-overflow: ellipsis;white-space: normal;}
.fileBox img{max-width: 100%;}
/* .fileBox button{position: absolute;left: 0;bottom: 0;} */
.contactMain{padding: 15px 0;}
.contactMain .layui-form-label{width: 80px; padding: 2px 15px;}
.contactMain .layui-input-block{margin-left: 80px;}
.contactMain .contactTit{margin-bottom: 15px;}
.contactBtn{margin-top: 15px;}
.mailBox ul{margin-bottom: 10px;}
.mailBox ul li{float: left;margin-right: 10px;}
.mailBox ul li a{display: inline-block;padding: 0px 30px;background: #f3f3f3;border-radius: 3px;height: 40px;line-height: 40px;}
.mailBox ul li button{display: inline-block;padding: 8px 30px;background: #f3f3f3;border-radius: 3px;height: 40px;border: none;cursor: pointer;}
.mailBox ul li a.active{background: #009688;color: #fff;}
.mailTMain{padding: 15px;}
 .mailTMain b{margin-right: 10px;}
.mailTMain.grayTMain{background: #f3f3f3;}
.mailTMain.greenTMain{background: #f5fbf1;}
.mailTxt{margin: 30px 0;}
.mainBox.emailBox span{display: inline-block;width: 100%;overflow: hidden;white-space: normal;line-height: 18px;} 
span.emailIcon{display: inline-block;width: 16px;height:16px;}
.emailMain p{line-height: 18px;}
.emailMain .mainBox .layui-blue{display: initial;width: auto;}
.emailMain .mainBox span,.emailMain .mainBox a{white-space: initial;word-break: break-all;}
.emailMain .layui-table-cell{line-height: 18px;white-space: initial;word-break: break-all;}
.fileMain2 .fileBox2{display: inline-block;margin-right:20px;float: left;}
.fileMain2 .fileBox2 span{display: inline-block;background: url(../images/mail327a44.png) no-repeat -18px -83px;width: 7px;height: 12px;margin-right: 8px;}
/* 2020-2-20 */
.mainBox p{word-break: break-all;overflow: initial;line-height: 22px;white-space: initial;}
.mainBox p .layui-blue{display: initial;}

/* 2020-3-2 */
.vipBox sup{vertical-align: 0px;margin-right: 3px;}
.vipBox .layui-card-header{margin-bottom: 20px;}
.color666{color: #666;margin: 8px 0;}
.w50{width: 50%;display: inline-block;float: left;}

/* 2020-3-3 */
.projectBox ul li{border-bottom: 1px #eee dotted;}
.projectBox ul{margin-bottom: 10px;border-bottom: 1px #dedede solid;padding-bottom: 10px;}
.layui-blue1{color: #08c;font-size: 13px;text-decoration: underline;}
.projectLi li{float: left;}
.projectLi li a{padding: 7px 10px;border-radius: 3px;background: #eee;margin-right: 10px;}
.projectLi li a.cur{background: #009688;color: #fff;}
.proInput sup{vertical-align: 0;}
.proInput .layui-row{margin-bottom: 10px;}

/* 2020-3-10 */
.jgsBox .imginfo{width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;border: 1px #dedede solid;margin-bottom: 10px;}
.jgsBox .imginfo img{max-width: 100%;}
/* 2020-3-13 */
.mail-item .RemarksBox input{height: 22px;border: 1px #dedede solid;margin-right: 10px;}
.mail-item .mailTMain{position: relative;}
.mail-item .RemarksBox{position: absolute;right: 40px;top: 20px;}

/* 2020-3-16 */
.orderMain{padding:20px;}
.orderMain p{line-height: 32px;}
/* 2020-3-20 */
.othRawPro .layui-inline{width: 95%;}
.othRawPro .layui-input, .othRawPro .layui-select, .othRawPro .layui-textarea {
    background: #f6f6f6;
}
.othRawPro .layui-row{margin-bottom: 10px;}
.othRawPro table{width: 100%;}
.othRawPro table caption{width: 100%;}
.othRawPro table caption input{background: #eafbf9 !important;border: 1px #cef1ee solid;}
.othRawPro .layui-row .layui-form-label{width: 90px;}
.othRawPro .layui-row .layui-input-block{margin-left: 120px;}
.othRawPro .methodsBox table{margin-bottom: 0;}
.othRawPro .methodsBox .methodsLi{margin-bottom: 10px;}
.othRawPro .methodsBox .methodsLi table{border-bottom: none;}
.othRawPro table{border-right: 1px #dedede solid;}
.othRawPro table th{border-top: none;border: 1px #dedede solid;background: #f3f3f3;height: 30px;line-height: 30px;}
.othRawPro table td{padding: 3px;border-left: 1px #dedede solid;border-bottom: 1px #dedede solid;}
.othRawPro .methodsBox .resultBox input{border: 1px #f5e2db solid;background: #fff6f3;}
.othRawPro .methodsBox .resultBox input[value]{color: #f60;}
.pro-detail-box .feedTab td a{margin: 0 3px;}
/* 2020-3-23 */
.pro-detail-box .feedTab,.pro-detail-box .materialTab{width: 100%;border-bottom: 1px #dedede solid;border-right: 1px #dedede solid;margin-bottom: 10px;}
.pro-detail-box .feedTab th,.pro-detail-box .materialTab th{height: 30px;line-height: 30px;background: #eee;border: 1px #dedede solid;text-align: center;}
.pro-detail-box .feedTab td,.pro-detail-box .materialTab td{border-left: 1px #dedede solid;border-top: 1px #dedede solid;padding: 3px 5px;text-align: center;}
.pro-detail-box .feedTab td input,.pro-detail-box .materialTab td input{border: 1px #ddd solid;padding: 0 3px;height: 24px;line-height: 24px;}
.othRawPro .green-tit{margin-bottom: 10px;}
.othRawPro .addFeed{margin-bottom: 15px;}
/* 滚动条样式 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  position: fixed;
  bottom: 0;
}
::-webkit-scrollbar-button,
::-webkit-scrollbar-button:vertical {
  display: none;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-track:vertical {
  background-color: black;
}
::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical {
  margin-right: 10px;
  background-color: #bbb;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #ccc;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-corner:vertical {
  background-color: #535353;
}
::-webkit-scrollbar-resizer,
::-webkit-scrollbar-resizer:vertical {
  background-color: #ff6e00;
}
.l_icon{display: inline-block;width: 30px;height: 30px;vertical-align: middle;}
.pro_icon{background: url(../images/l_icon.png) 0 -188px;}
.sup_icon{background: url(../images/l_icon.png) 0 -224px;}
.buy_icon{background: url(../images/l_icon.png) 0 -262px;}
.offer_icon{background: url(../images/l_icon.png) 0 0px;}
.email_icon{background: url(../images/l_icon.png) 0 -76px;}
.order_icon{background: url(../images/l_icon.png) 0 -113px;}
.money_icon{background: url(../images/l_icon.png) 0 -150px;}
.role_icon{background: url(../images/l_icon.png) 0 -299px;}
.statis_icon{background: url(../images/l_icon.png) 0 -411px;}
.admin_icon{background: url(../images/l_icon.png) 0 -374px;}
.wt_icon{background: url(../images/l_icon.png) 0 -37px;}
.ji_icon{background: url(../images/l_icon.png) 0 -336px;}
.shop_icon{background: url(../images/l_icon.png) 0 -447px;}
.cn_icon{background: url(../images/l_icon.png) 0 -483px;}
.pro_del_btn{left: 5px;position: absolute;bottom: 0px;}
.pro_del_btn i{font-size: 16px;}
.neiTab{width: 100%;border-left: 1px #dedede solid;text-align: center;border-top: 1px #dedede solid;}
.neiTab td{border-bottom: 1px #dedede solid;}
.neiTab td:nth-last-child(0){border-top: none;}
.tabProNei th{font-weight: bold;border-bottom: none;}
.tabProNei th:nth-last-child(1){border-right: none;}
.tabProNei{float: left;padding: 0 3px;}
.tabProNei .cas{width: 73px !important;}
.tabProNei .name{width: 106px;}
.tabProNei .purity{width: 55px;}
.tabProNei .standards{width: 86px;}
.tabProNei .price{width: 65px;}
.tabProNei .purchase{width: 70px;}
.tabProNei .singleMoney{width: 70px;}
.tabProNei .sample{width: 50px;}
/* .neiTab td{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;} */
/* .neiTab tr:nth-last-child(1) td{border-bottom: none;} */
.proDiv  div.layui-table-cell{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 22px;line-height: 22px;}
.proDiv .tdCas div.layui-table-cell{width: 73px !important;overflow: hidden;}
.proDiv .tdName div.layui-table-cell{width: 106px !important;}
.proDiv .tdPurity div.layui-table-cell{width: 55px !important;overflow: hidden;}
.proDiv .tdStandards div.layui-table-cell{width: 86px !important;overflow: hidden;}
.proDiv .tdPrice div.layui-table-cell{width: 65px !important;overflow: hidden;}
.proDiv .orangeC div.layui-table-cell{color: #ff5722;overflow: hidden;}
.proDiv .tdPurchase div.layui-table-cell{width: 70px !important;overflow: hidden;}
.proDiv .tdSingleMoney div.layui-table-cell{width: 70px !important;overflow: hidden;}
.proDiv .tdSample div.layui-table-cell{width: 50px !important;overflow: hidden;}
.proDiv li{float: left;/* border-left: 1px #efefef solid; */position: relative;}
.proDiv ul{box-sizing: border-box;}
.proDiv ul:nth-last-child(1){border-bottom: none;}
.proDiv ul:nth-child(2n){border-top: 1px #f6f6f6 solid;}
.proDiv ul:nth-child(3n){border-top: 1px #f6f6f6 solid;}
.hoverDiv{display: none;position: absolute;left: 100%;top: 0;z-index: 999;}
.login-body{min-width: 1366px;overflow: hidden;}
.login-body canvas{max-width: 1400px !important;overflow: hidden;margin: 0 auto;}
/* .hoverDiv{position: absolute;z-index: 999;} */

/* 2020-4-22 */
@font-face {
  font-family: 'iconfont';  /* project id 1733769 */
  src: url('//at.alicdn.com/t/font_1733769_2m1f4s5lrf6.eot');
  src: url('//at.alicdn.com/t/font_1733769_2m1f4s5lrf6.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1733769_2m1f4s5lrf6.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1733769_2m1f4s5lrf6.woff') format('woff'),
  url('//at.alicdn.com/t/font_1733769_2m1f4s5lrf6.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1733769_2m1f4s5lrf6.svg#iconfont') format('svg');
}


/* 2020/5/22 */
.reviewBox{border: 1px #ADC4E9 solid;}
.reviewBox .purProcess{border-bottom: 1px #dedede solid;}
.review-list .timeBox{float: left;margin-right: 40px;}
.review .reviewTop{margin-bottom: 20px;border-bottom: 1px #dedede solid;padding-bottom: 20px;}
.review .reviewTop dl dt{display: inline-block; width: 56px;height: 56px;}
.review .reviewTop dl dt img{max-width: 100%;}
.review .reviewTop dl dd{display: inline-block;font-size: 20px;vertical-align: -3px;margin-left: 10px;}
.mainBox #StatusBody{padding: 20px 0 40px;}
.review{width: 60%;margin: 0 auto;position: relative;background: #fff;padding: 50px;}
.review:after{content: "";background: #ccc;width: 25px;height: 8px;background: #D7D7D7;border-radius: 30px;position: absolute;left: 132px;}
.review .review-list{margin-bottom: 40px;position: relative;}
.review .review-list .timeBox p{word-break: break-all;overflow: initial;line-height: 22px;white-space: initial;width: 95px;}
.review .review-list:after{position: absolute;content: "";width: 1px;height: calc(100% + 40px);left: 95px;top: 0;background: #ccc;}
.review .review-list:before{position: absolute;content: "";width: 22px;height: 22px;background: url(../images/icon.png) no-repeat -110px 0;left: 87px;z-index: 2;top: -1px;}
.review .review-list p{color: #666;line-height: 20px;}
.review .review-list .txtBox h3{font-weight: normal;color: #888;font-size: 12px;line-height: 20px;}
.review .review-list .txtBox{margin-left: 20px;}
.review .review-list.active h3{color: #ff8a00;}
.review .review-list.active:before{background-position: -137px 0;}
.review .review-list.last:before{background-position: -193px 0px;}
.review .review-list.last p{color: #f60;}
.review .review-list.last1:before{background-position: 0 -20px;}
.review .review-list.last.active:before{background-position: -192px 0;}

/* 2020-6-9 */
.layui-card-body2 .fileBox {margin-top: 0;padding-bottom: 10px;min-width: 320px;width: 320px;}
.layui-card-body2 .layui-form-item {border-bottom: 1px #dedede solid;}
/* 2020-6-17 */

/** 统计快捷方式样式 */
.console-link-block {display: block;position: relative;color: #fff;font-size: 18px;padding: 25px 20px;border-radius: 4px;overflow: hidden;box-shadow: 0px 3px 5px rgba(0, 0, 0, .1);background-color: rgb(155, 197, 57);height:90px;}

.console-link-block .console-link-block-num {font-size: 40px;font-weight: bold;margin-bottom: 10px;}

.consoleBox  .console-link-block-icon {width: 70px;}

.console-link-block .console-link-block-band {background-color: rgb(227, 42, 22);font-size: 14px;position: absolute;width: 80px;padding: 0px 0;text-align: center;transform: rotate(45deg);right: -21px;top: 8px;color: rgba(255, 255, 255, .9);z-index: 1;}
/** 设置每个快捷块的颜色 */
#consoleLink > div:first-child .console-link-block {
	background-color: rgb(155, 197, 57);
}

#consoleLink > div:nth-child(2) .console-link-block {
	background-color: rgb(85, 165, 234);
}

#consoleLink > div:nth-child(3) .console-link-block {
	background-color: rgb(157, 175, 291);
}

#consoleLink > div:nth-child(4) .console-link-block {
	background-color: rgb(245, 145, 162);
}

#consoleLink > div:nth-child(5) .console-link-block {
	background-color: rgb(254, 170, 79);
}

#consoleLink >div :last-child .console-link-block{
	background-color: rgb(64, 212, 176);
}
#consoleLink1  .liBox:first-child .console-link-block  {
	background-color: rgb(155, 197, 57);
}

#consoleLink1 .liBox:nth-child(2) .console-link-block  {
	background-color: rgb(85, 165, 234);
}

#consoleLink1 > .liBox:nth-child(3) .console-link-block{
	background-color:rgb(254, 170, 79);
}

#consoleLink1 > .liBox:nth-child(4) .console-link-block  {
	background-color: rgb(245, 145, 162);
}

#consoleLink1 >.liBox:nth-child(5)  .console-link-block {
	background-color: rgb(254, 170, 79);
}

#consoleLink1 >.liBox:last-child  .console-link-block {
	background-color: rgb(64, 212, 176);
}
#consoleLink1 .liBox{width: 20%;float: left;}
#consoleLink1 *{box-sizing: border-box;}
.console-ind .console-link-block-icon{position: absolute;right: 20px;}

/* 6-29 */
.orderDetail .title{font-size: 16px;font-weight: bold;}
.orderDetail .title b{color: #f00;}
.orderDetail .cycleBox ul{margin-top: 10px;}
.orderDetail .cycleBox ul li{float: left;width: 16%;text-align: center;}
.orderDetail .cycleBox ul li i{font-size: 30px;color: #999;}
.orderDetail .infoBox table{border: 1px #dedede solid;width: 100%;}
.orderDetail .infoBox table th{background: #f5f5f5;}
.orderDetail .infoBox table td{padding: 5px;font-size: 14px;text-align: center;}

@media screen and (max-width: 1440px) {
	.console-link-block .console-link-block-num{font-size: 30px !important;}
	 .console-link-block-icon {width:60px;}
}
/** 小屏幕下样式 */
@media screen and (max-width: 992px) {
	.console-link-block {font-size: 14px;padding: 15px 10px;}

	.console-link-block .console-link-block-num {font-size: 28px;margin-bottom: 0px;}

	.console-link-block .console-link-block-icon {height: 45px;right: 10px;}

	.console-link-block .console-link-block-band {font-size: 12px;right: -25px;top: 8px;}.mailBox ul li{margin-bottom: 10px;}
	.mailBox ul{margin-bottom: 0;}
	.mail-item .RemarksBox {position: relative;right: inherit;top: inherit;}
	.fileMain2{padding-bottom: 40px !important;}
}
.copyBtn{font-size: 16px;cursor: pointer;opacity: 0;width: 20px;text-align: right;height: 20px;color: #333;}
.layui-table-cell .copyBtn {font-weight: bold}
.layui-table-cell:hover .copyBtn{opacity: 1;}
p:hover .copyBtn{opacity: 1;}
#consoleLink1 .liBox .console-link-block {
	height: 140px;
}

/* 2020-7-30 */
.compPro *{box-sizing: border-box;}
.compPro ul li{float: left;}
.compPro ul li span{color: #888;display: inline-block;width: 80px;font-size: 13px;text-align: right;float: left;}
.compPro ul li em{
    display: inline-block;
    font-size: 13px;
    width: calc(100% - 80px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.w-25 li{width: 25%;}
.w-50 li{width: 50%;}
.compPro{font-size: 13px;}
.compPro .supplierInfo{background: #f5fbf1;border: 1px solid #c5e4ab;padding: 20px;margin-top: 10px;}
.body-tit{font-weight: bold;position: relative;padding-left: 8px;color: #009688;}
.body-tit::before{content: "";position: absolute;width: 3px;height: 14px;background: #009688;top: 5px;left: 0;}
.compPro .supProInfo{margin-top: 10px;background: #faffff;border: 1px #e5f4f5 solid;padding: 20px;}
.compPro .supProInfo table{border: 1px #dedede solid;width: 100%;font-size: 13px;background: #fff;}
.compPro .supProInfo table caption{font-weight: bold;border: 1px #dedede solid;border-bottom: none;background: #e5f4f5;}
.compPro .supProInfo table th{border-right: 1px #dedede solid;border-bottom: 1px #dedede solid;}
.compPro .supProInfo table td{border-right: 1px #dedede solid;border-bottom: 1px #dedede solid;text-align: center;}
.compPro .supProInfo .remarks{margin: 10px 0;}


/* 2020-11-9 */
.mallOrderBox{position: relative;}
.orderTop{position: absolute;top: 0px;right: 0px;z-index: 999;}
.price em, .price {font-family: Verdana;font-weight: 600;color: #f60;}
.bd-main-indent .indent-state .search-box{ float: right; }
.bd-main-indent .indent-state .nav-pills{ border-bottom: 1px solid #ddd; }
.bd-main-indent .indent-state .nav-pills li a{border-radius:3px 3px 0 0;background: #f2f2f2; margin-bottom: -1px; padding: 8px 20px;  font-size: 15px;  color: #666; }
.bd-main-indent .indent-state .nav-pills li.active a{ background: #fff; border:1px solid #ddd; border-bottom: none; color: #ff7519;  }
.bd-indent-list{ padding-top: 20px; }
.bd-indent-list .table-bordered{ border:none; }
.bd-indent-list  table{width: 100%;}
.bd-indent-list thead{background: #f2f2f2;}
.bd-indent-list thead th{border:none!important;text-align: center; white-space: nowrap;padding: 10px 5px;}
.bd-indent-list thead th:nth-child(1){text-align: left;}
.bd-indent-list td{text-align: center; padding: 10px!important; white-space: nowrap;border: 1px #dedede solid;}
.bd-indent-list td .price{color: #f60;font-weight: bold;}
.bd-indent-list tbody{margin-top: 20px; border:none!important;}
.bd-indent-list .sep-row td{border:none;}
.bd-indent-list td.title{ padding: 12px 10px; background: #eee; text-align: left; }
.bd-indent-list td.title span{margin-right: 40px; }
.bd-indent-list td.title .link{float: right; margin-right: 0;margin-left: 40px;}
.bd-indent-list td.title a{color: #08c;}
.bd-indent-list td.title a.layui-btn{color: #fff;}
.bd-indent-list td.title a.gray{color: #999;}
.bd-indent-list td .payment{padding-top: 2px; border-top: 1px solid #ddd; margin-top: 5px; color: #999; font-size: 12px;}
.bd-indent-list .name{ text-align: left;}
.bd-indent-list .btn{ font-size: 13px; padding: 3px 10px;}

.bd-protext-list li{padding:18px 0;border-bottom: 1px dotted #ddd; }
.bd-protext-list li:before,.bd-protext-list li:after{content: ''; display: table;}
.bd-protext-list li:after{ clear: both; }
.bd-protext-list .bd-pro-img{ float: left; margin-right: 20px;  width: 25%; position: relative; overflow: hidden;  }
.bd-pro-img a{position: relative; height: 0;vertical-align: middle; display:block; width: 78px; height: 78px; border: 1px solid #e3e3e3;overflow: hidden;}
.bd-pro-img a img{max-width: 100%;max-height: 100%;}
.bd-pro-img a span{ position: absolute;left: 0; width: 100%; height: 100%; display: table; }
.bd-pro-img a em{vertical-align: middle;display: table-cell; text-align: center;}
.bd-protext-list .bd-info-body{overflow: hidden;}
.bd-info-body h4.title{padding: 0.5% 0; font-size: inherit;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 100%;}
.bd-info-body h4.title a{max-width: 900px;font-size: 1.5em; padding-bottom: 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  display: inline-block;line-height: initial;}
.bd-info-body .text{  height: 3.7em; overflow: hidden; color: #999;  }
.bd-info-body p{ color: #999; padding: 0.5% 0; }
.bd-info-body p.auxiliary{padding-top: 1%;}
.bd-info-body p.auxiliary span{margin-right: 15px;}
.bd-info-body p.auxiliary span a{color: #08c;}
.bd-type-list{ overflow: hidden; }
.bd-type-list li{   border-bottom: 1px dotted #ddd; position: relative; padding-left: 10px; }
.bd-type-list li:before{content: ''; position: absolute; width: 3px; height: 3px; background: #ff7519; left: 0; top: 50%;margin-top: -2px;}
.bd-type-list li a{padding: 8px 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width: 100%;}
.bd-type-list li a .time{ float: right; font-size: 12px; color: #999; padding-left: 10px; }
.bd-type-list li a .tt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: calc(100% - 80px); display: block;}
.bd-protext-vertical li{width: 33%; float: left; padding-right: 15px; }
.bd-protext-vertical .bd-pro-img{ width: 100%; position: relative;   }
.bd-protext-vertical .bd-info-body{padding: 0.8em 0 0;}

.bd-protext-list.indent-prt{padding-right: 15px;}
.bd-protext-list.indent-prt h4.title a{font-size: 14px; margin: 0;color: #08c;}
.bd-protext-list.indent-prt .bd-pro-img{ width: 80px;height: 80px;line-height: 80px;}
.bd-protext-list.indent-prt .bd-info-body .info p{ float: left;display: inline-block; margin-right: 10px; }
.bd-protext-list.indent-prt .bd-info-body .info a{color:#08c ;}
.mOrderDetail{margin-top: 30px;}
.bd-order-intro{padding: 30px; margin-bottom: 40px;}
.bd-order-intro .info-item{margin-bottom: 50px;}
.bd-order-intro .info-item > .title{ padding-bottom: 10px; border-bottom: 1px dotted #e6e6e6; margin-bottom: 20px; }
.bd-order-intro .info-item > .title h4{font-size: 15px; font-weight: 600;}
.bd-order-intro .info-item > .title h4 em{color: #999;font-size: 13px; padding-left: 10px; font-weight: normal;}
.bd-order-intro .info-item > .title .add{float: right; color: #005494;}
.bd-order-intro li{margin-bottom: 5px; font-size: 14px;}
.bd-addr-detail li{overflow: hidden; padding: 2px 0;}
.bd-addr-detail .addr{float: left; display: inline-block; /*width: 70%;*/overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.bd-addr-detail .addr .ad-radio{ margin: 0 8px 0 0 }
.bd-addr-detail .addr em{background: #bbb; padding: 1px 5px; margin-left: 10px; color: #fff; border-radius: 3px; font-size: 12px;}
.bd-addr-detail .op-btns{ float: right; display:none; font-size: 13px; }
.bd-addr-detail .op-btns a{margin-left: 10px; color: #005494;}
.bd-addr-detail li:hover{background: #fff5ee;}
.bd-addr-detail li:hover .op-btns{display: inline-block;}
.bd-addr-detail .more{clear: both; padding-top: 10px;}
.bd-addr-detail .more .icon{font-size: 12px; margin-left: 5px;}
.bd-pay-mode li{ display: inline-block; padding-right: 2%; width: 200px; }
.bd-pay-mode li a{ border:1px solid #ddd; padding: 10px; display: inline-block; width: 100%; text-align: center; font-size: 14px; }
.bd-pay-mode li.active a,.bd-pay-mode li a:hover{border-color: #ff7519; border-width: 2px; padding: 9px;}
.bd-indent-details .state-details{ background: #fffceb; border:1px solid #eed97c; padding: 20px; position: relative;  }
.bd-indent-details .state-details .state{font-size: 16px;}
.bd-indent-details .state-details .state span{margin-right: 15px;}
.bd-indent-details .state-details .state .state-pay{color: #ff7519; }
.bd-indent-details .state-details .text{padding: 5px 0; margin-top: 5px; color: #666;}
.bd-indent-details .state-details .state-btn{ position: absolute; right: 20px;top: 35px; }
.bd-indent-details .state-details .state-btn a{font-size: 18px;width:auto;margin-left: 10px;float: right;margin-top: 10px;}
.bd-indent-details .state-details .state-btn a.call-off{ font-size: 14px; color: #005494; }
.bd-indent-details .info-item{margin-bottom: 30px;}
.bd-indent-details .info-item > .title{margin-bottom: 0; border:none;}
.area-select select {float: left;margin-right:3px;width: 20%;border: 1px solid #e5e6e7;border-radius: 1px;color: inherit; display: block;padding: 6px 12px;}
.td-operat{position:relative;}
.td-operat .td-operat-more {position: absolute;left: 28px;display: none;width: 70px;z-index: 999}
.td-operat .td-operat-more ul{margin: 0;padding: 2px;border: 1px solid #beceeb; background-color: #fff;}
.td-operat .td-operat-more ul li {line-height: 24px; border-top: 1px solid #f0f3f9; text-indent: 5px;}
.bd-scrollbar-table table {width: 100%;}
.bd-scrollbar-table table th,.bd-scrollbar-table table td{padding: 8px;}
.bd-shopping-cart tbody{border:1px solid #ddd; }
.bd-shopping-cart .order-summary{text-align: right;padding: 10px; }
.bd-shopping-cart .order-summary li{padding-bottom: 5px;}
.bd-shopping-cart .order-summary span{ display: inline-block; padding-right: 15px; }
.bd-shopping-cart .order-summary span em{color: #ff7519; padding:0 3px;}
.bd-shopping-cart .order-summary .price{ display: inline-block; width: 100px; color: #333; font-weight: normal; }
.bd-shopping-cart .order-summary .bd-leave-message{ float: left; width: 50%; }
.bd-leave-message span{float: left; padding-top: 5px; color: #666;}
.bd-leave-message .control{ overflow: hidden; padding-left: 5px; }
.bd-leave-message .form-control{height: 34px; border-color: #ddd; border-radius: 1px;}
.bd-shopping-cart .trade-foot{ text-align: right; border-top:1px solid #ddd;padding: 10px;background: #f2f2f2;}
.bd-shopping-cart .trade-foot p{padding-bottom: 10px;}
.bd-shopping-cart .trade-foot .price{font-size: 24px;padding-left: 10px;}
.bd-shopping-cart .trade-foot a.back{color: #005494; padding-right: 15px;padding-bottom: 10px; display: inline-block;}
.bd-shopping-cart .trade-foot .btn{width: 150px;font-size: 18px;padding-bottom: 10px;}
.evaluateBox .evaluateLi{border-bottom: 1px #dedede dotted;padding: 20px 0;margin-bottom: 15px;}
.evaluateBox .proImg .imgBox{width: 190px;height: 150px;border: 1px #dedede solid;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.evaluateBox .proImg  .imgBox img{max-width: 100%;max-height: 100%;}
.evaluateBox .submitBox{text-align: center;}
.evaluateBox .layui-input-block .imgBox{width: 60px;height: 60px;display: inline-block;line-height: 60px;text-align: center;}
.evaluateBox .layui-input-block .imgBox img{max-width: 100%;max-height: 100%;}
.checkInvoiceBox {padding: 20px;}
.checkInvoiceBox .form-group-bottom{position: inherit;border-top: 1px #dedede solid;box-shadow: none;}
.checkInvoiceBox .layui-form-label{width: 120px;}
.checkInvoiceBox .layui-input-block p{line-height: 30px;}
.checkInvoiceBox .fileBox{margin: 0;}
.contactGroup{display: inline-block;}
.contactGroup a{margin-right: 10px !important;display: inline-block;}
/* CSS3滚动条 */
::selection {background: #222 ; color: white ; text-shadow: none ; }
::-webkit-scrollbar-track-piece{width:10px;background-color:#f5f5f5}
::-webkit-scrollbar{width:5px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.2);}
::-webkit-scrollbar-thumb:hover{background:#999} 







